@charset "utf-8";
* {
	margin:0;
	padding:0;
	font-family:"微软雅黑", "\5b8b\4f53", Arial, sans-serif;
	transition: all 0.3s;
	-moz-transition: all 0.3s;
	-webkit-transition: all 0.3s;
	-o-transition: all 0.3s;
}
* html body {
	overflow:visible;
}
* html iframe, * html frame {
	overflow:auto;
}
* html frameset {
	overflow:hidden;
}
body {
	color:#787878;
	background:#fff;
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-align:center;
}
body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset, table, td, img, div, tr {
	margin:0;
	padding:0;
}
input, select {
	font-size:12px;
	vertical-align:middle;
}
body div {
	text-align:left;
}
textarea, input {
	word-wrap:break-word;
	word-break:break-all;
	padding:0px;
}
li {
	list-style-type:none;
}
img {
	border:0;
 -webkit-transition: -webkit-transform 0.3s;
  -moz-transition: -moz-transform 0.3s;
  -o-transition: -o-transform 0.3s;
  transition: transform 0.3s;
}
img:hover{
 
}

a {
	color:#000;
	text-decoration:none;
	cursor:pointer;
	
}
a:hover {
	color:#00428e;
}
h1 {
	font-size:24px;
}
h2 {
	font-size:20px;
}
h3 {
	font-size:18px;
}
h4 {
	font-size:16px;
}
h5 {
	font-size:14px;
}
h6 {
	font-size:12px;
}
.wrap {
	width:980px;
	margin:0 auto;
	overflow:hidden;
}

.main{width:100%; float:left;}
.content{width:1200px; margin:0 auto;}

.head{width:100%; float:left;}
.headtop{width:100%; float:left; background:url(../images/headbg.jpg) no-repeat left #30e0ff; height:40px; line-height:40px; }
.headtop span,.headtop em{ display:block; float:left; float:left;width:50%; font-size:12px; color:#fff;}
.headtop em{ text-align:right; font-style:normal; }
.headtop em a{ display:inline-block; margin:0px 20px; color:#fff}

.head .logo{ float:left;width:550px; padding-top:10px; font-size:30px; color:#124185; font-weight:bold;}
.head .logo span{ font-size:16px; display:block; width:100%; float:left; font-weight:300; color:#ccc; font-family:Arial;text-transform: uppercase;letter-spacing:0.8px;}
.head .headtext{ float:left; font-size:20px; color:#0062d0; font-weight:bold;line-height: 50px;margin-left:180px;margin-top: 25px;}
.head .hotTel{ float:right; width:200px; margin-top:62px; font-weight:bold; color:#999; line-height:36px;font-size:20px; height:36px; color:#fff; background:#0062d0; padding-left:13px}
.head .hotTel img{ vertical-align:middle; display:inline-block;height:20px; margin-right:5px}

.nav{width:100%; float:left; color:#fff; border-top:1px solid #e0e0e0; /*margin-top:15px;*/ }
.nav ul{width:890px; float:left;}
.nav li{ float:left;}
.nav li a{ display:block;width:100%; float:left; height:50px; line-height:50px; color:#333; text-align:center; font-size:15px;width:135px;font-weight: bold;}
.nav li a:hover,.nav li a.on{ background:#0062d0; color:#fff}
.nav li a.first{ color:#fff; background:#0062d0; width:50px; margin-right:30px}

.nav .search2{width:276px; float:right; border-left:1px solid #aaa; height:20px; margin-top:15px;}
.nav .search2 input[type='text']{ border:0px; height:20px; line-height:20px; outline:none; padding:0px 30px;width:230px; float:left}
.nav .search2 input[type='submit']{ border:0px; height:20px;width:40px;background:url(../images/Search-h.png) no-repeat center; background-size:20px 20px; float:left}


.banner{width:100%; float:left}
.banner .slideBox{ width:100%;  overflow:hidden; position:relative; }
.banner .slideBox .hd{ height:15px; overflow:hidden; position:absolute;width:100%; text-align:center; left:0px; bottom:25px; z-index:1; }
.banner .slideBox .hd ul{ overflow:hidden; zoom:1; display:inline-block }
.banner .slideBox .hd ul li{ float:left; margin:0px 5px;  width:15px; height:15px; line-height:14px; text-align:center; background:#fff; cursor:pointer;border-radius:15px }
.banner .slideBox .hd ul li.on{ background:#7f6000; color:#fff; }
.banner .slideBox .bd{ position:relative; height:100%; z-index:0;   }
.banner .slideBox .bd li{ zoom:1; vertical-align:middle; }
.banner .slideBox .bd img{ width:100%; display:block;  }

.banner .slideBox .prev,
.banner .slideBox .next{ position:absolute; left:3%; top:50%; margin-top:-25px; display:block; width:32px; height:40px; background:url(images/slider-arrow.png) -110px 5px no-repeat; filter:alpha(opacity=50);opacity:0.5;   }
.banner .slideBox .next{ left:auto; right:3%; background-position:8px 5px; }
.banner .slideBox .prev:hover,
.banner .slideBox .next:hover{ filter:alpha(opacity=100);opacity:1;  }
.banner .slideBox .prevStop{ display:none;}
.banner .slideBox .nextStop{ display:none;}
.homesearch{width:100%; float:left; padding:34px 0px 20px 0px; background-color:#fafafa}
.homesearch .search{width:580px; padding-right:50px; border-right:1px solid #ccc; height:84px; float:left; padding-top:2px; margin-left:25px;}
.search input[type='text']{width:473px; height:37px; line-height:37px; border:1px solid #ccc; outline:none; padding:10px}
.search input[type='submit']{width:56px; height:37px; line-height:37px; border:0px solid #ccc; background:#ccc; color:#666; font-size:14px; cursor:pointer}
.search input[type='submit']:hover{ background:#0759af; color:#fff}
.homesearch .search p{ display:block; width:100%; float:left; margin-top:18px}
.homesearch .search p a{ font-size:14px; display:inline-block; margin-right:15px}
.homesearch .tel{ background:url(../images/tel.jpg) no-repeat 27px 0px; border-right:1px solid #ccc; height:84px;  float:left; padding-top:10px; padding-left:127px; font-size:16px; color:#666666;width:403px}
.homesearch h2{ color:#0058b1; font-size:34px; font-family:Arial, Helvetica, sans-serif; display:block; float:left;width:100%; margin-top:5px}
.homesearch .ewm{ float:right;width:121px}

.homeTitle{width:100%; float:left; text-align:center; position:relative; color:#999999; font-size:13px;  line-height:25px; font-family:Arial; font-size:14px}
.homeTitle b{ display:block; width:100%; float:left;  font-size:32px;  margin-bottom:20px; border-bottom:1px solid #dddddd; padding-bottom:40px;color:#0062d0; position:relative}
.homeTitle b img{ position:absolute; bottom:-20px; left:50%; margin-left:-20px}

@-webkit-keyframes haha1{
	0%{-webkit-transform:rotate(0deg);}
	25%{-webkit-transform:rotate(90deg);}
	50%{-webkit-transform:rotate(180deg);}
	75%{-webkit-transform:rotate(270deg);}
	100%{-webkit-transform:rotate(360deg);}
}



.homeFuwu{width:100%; float:left; overflow:hidden; margin-bottom:20px; margin-top:20px}
.homeFuwu ul{width:1226px; float:left}
.homeFuwu ul li{width:228px; float:left; line-height:20px; margin-right:16px}
.homeFuwu ul li div{ text-align:center; float:left;width:100%; font-size:20px; font-weight:bold; line-height:50px}

.homeAbout{float:left;width:100%; padding-top:53px;  background:#f2f2f2; padding-bottom:20px}
.homeAbout .content{}
.homeAbout .left{ float:right;width:472px; }
.homeAbout .right{ float:left;width:710px; font-size:14px; line-height:26px; padding:30px}
.homeAbout .right h2{ width:100%; float:left; font-size:20px; margin:20px 0px; color:#666; text-align:left}
.homeAbout .right p{ text-indent:2em }
.homeAbout .right a{ color:#666; width:120px; height:40px; text-align:center; line-height:40px; background:#fff; display:inline-block; font-size:14px;border-radius:3px; margin-top:20px; border:1px solid #666; float:right}
.homeAbout .right a:hover{ background:#00428e; border-color:#00428e; color:#fff}
.gundong{width:100%; padding-top:0px; float:left;}
.gundong .gundong_demo{OVERFLOW: hidden; WIDTH:100%; COLOR: #ffffff; margin-top:18px;}
.gundong .gundong_demo .propic{margin:0 10px;}
.gundong .gundong_demo .propic img{height:214px;}
.hot-img{box-shadow: 3px 3px 10px #333;border-radius: 10px;transition: 0.5s all;}
.hot-tit{font-size: 16px;color: #777;font-family: "微软雅黑";font-weight: bold;display: block;margin-top: 25px;margin-bottom: 10px;width: 150px;height: 30px;line-height: 30px;border-radius: 8px;box-shadow: 0 0 5px #ccc;}
.hot-list:hover .hot-img{box-shadow: 3px 3px 10px #00428e;}
.hot-list:hover .hot-tit{box-shadow: 0 0 5px #00428e;}
/*.hot-img:hover{box-shadow: 3px 3px 10px #00428e;}
.hot-tit:hover{box-shadow: 0 0 5px #00428e;}*/



.hotproduct{width: 100%;position: relative;float: left;padding-top: 50px;}
.hotproduct .swiper-container {width: 100%;height: 100%;}
.hotproduct .swiper-slide {text-align: center;font-size: 18px;background: #fff; /* Center slide text vertically */display: -webkit-box;display: -ms-flexbox;display: -webkit-flex;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;-webkit-justify-content: center;justify-content: center;-webkit-box-align: center;-ms-flex-align: center;-webkit-align-items: center;align-items: center;}
.hotproduct .swiper-list .list-detail{border-radius: 10px;box-shadow: 3px 3px 10px rgba(0,0,0,0.5);overflow: hidden;}
.hotproduct .swiper-list .list-detail a{display: block;width: 100%;}
.hotproduct .swiper-list .list-detail a img{display: block;width: 100%;}
.hotproduct .swiper-list .list-detail a p{padding: 10px 0;text-align: center;font-size: 16px;}



.homeproduct{ float:left;width:100%; padding:40px 0px}
/*.homeproduct .homeTitle{ color:#fff}*/

 
.homeleft{width:240px; float:left; text-align:center; padding-bottom:20px}
.homeleft .c a{ display:inline-block;color:#333333; font-size:14px; margin-top:17px; height:32px; line-height:32px; width:145px; background:url(../images/ico3.jpg) no-repeat center; text-align:center; float:left; margin-left:47px}
.homeleft .c a:hover{ color:#0062d0;}
.homeleft .t{width:100%; float:left; text-align:center;color: #fff;font-size:18px; font-weight:bold;font-family: 微软雅黑; height:55px;line-height:55px;background:#00428e;}
.homeleft .t span{ color:#fff; font-size:16px; font-family: 微软雅黑;}
.homeleft .c{ background:#fff; float:left;width:240px; padding-bottom:15px; min-height:185px; border:1px solid #d2d2d2; border-top:0px; border-bottom:0px;}
.homeleft .b{width:100%; float:left; text-align:center; color:#fff; padding-top:20px; font-size:14px; background:url(../images/ico2.jpg) no-repeat #00428e; padding-top:55px; padding-bottom:25px}
.homeleft .b h2{ font-size:20px; font-weight:300; display:block;width:100%; float:left; margin-top:10px}
.homeleft .b a{ border:1px solid #fff; color:#fff;width:120px; height:38px; line-height:38px; display:inline-block; margin-top:15px;border-radius:5px;}

.homeproduct .right{ float:right;width:918px;}
.homeproduct .right .t{ float:left;width:100%; color:#124185; font-size:16px; font-weight:bold; border-bottom:1px solid #124185; margin-bottom:37px; line-height:54px; height:54px}
.homeproduct .right ul{width:928px; float:left}
.homeproduct .right li{ width:220px; float:left; line-height:26px; margin-right:10px; margin-bottom:25px; text-align:center; background:#fff; overflow:hidden; border:1px solid #eeeeee}
.homeproduct .right img{ width:100%;}
.homeproduct .right span{ display:block;width:100%; text-align:center; height:50px; line-height:50px}
.homeproduct .right a{ font-size:14px; color:#666;}
.homeproduct .right a:hover{ color:#0062d0}

.homeCase{ float:left;width:100%; padding:80px 0px}
.homeCase ul{width:1260px; float:left; margin-top:40px}
.homeCase ul img{ display:block; margin-bottom:10px;width:100%; float:left}
.homeCase li{width:300px; float:left; margin:60px;margin-bottom:0px;text-align:center; /*overflow:hidden*/}
.homeCase li a{ font-size:16px;}
.homeCase li:hover{ border-color:#00428e;}

.more{ display:inline-block;  text-align:center; width:150px; height:55px; line-height:55px; color:#fff; background:#1267c4; color:#fff;border-radius:10px;font-size:14px}
.more:hover{ color:#fff; background:#ff9900;}


.homeTitle2{width:345px; float:left; text-align:left; position:relative; color:#fff; font-size:36px;  padding:0px 0px; margin-top:40px; margin-bottom:20px; line-height:48px}
.homeTitle2 b{ display:block; width:100%; float:left; color:#000; font-size:60px; margin-bottom:10px; color:#fff}
.homeTitle2 span{ display:block; float:left; width:48px;height:5px; background:#0035bc; margin-top:20px}
.homeTitle2 em{ font-style:normal; font-size:16px;}
.homeTitle2 .more{width:167px; height:55px; line-height:55px;border-radius:3px;}

.homeNews{ padding-bottom:60px; background:#f4f4f4; padding-top:66px}
.homeNews .homeTitle{ margin-bottom:60px}


 

.homebrand{width:100%; float:left; position:relative; background:url(../images/full.jpg) repeat-x bottom; padding-bottom:55px; margin-bottom:60px}
.homebrand ul{width:1235px; float:left;margin-top:50px; margin-bottom:50px; }
.homebrand li{width:210px; float:left; border:1px solid #d9d9d9; margin-right:35px; text-align:left;box-sizing:border-box; padding:44px 18px; height:316px; line-height:20px; color:#5a5a5a; background:#fff;}
.homebrand li img{width:50%; margin:0 auto; display:block}
.homebrand li b{ font-size:15px; color:#00ae8b; display:block;width:100%; text-align:center; margin-top:60px; margin-bottom:6px}


.homeNewsC{width:940px; float:right; background:#fff; padding:30px 0px 15px 0px }
.homeNewsC ul {
	width:100%;
	float:left;
}
.homeNewsC ul li {
	float:left;
	width:100%;
	margin-bottom:35px; background:#fff; overflow:hidden
}
.homeNewsC ul li span {
	display:block;
	width:100px; margin-left:30px;
	float:left;text-align:center; color:#0062d0; font-size:14px
}
.homeNewsC ul li span b {
	display:block;
	width:100%;
	font-size:36px; 
}
.homeNewsC ul li a {
	display:block;
	float:left;
	width:780px;
	font-size: 16px;
	color: #434343;
}
.homeNewsC ul li a em {
	font-size:14px;
	display:block;
	width:100%;
	float:left; margin-top:5px; color:#999;
	line-height:24px; font-style:normal
}
.homeNewsC ul li a:hover {
	color:#0062d0
}


* {/*box-sizing:content-box;*/
	box-sizing:border-box;
}

.product{width:100%; float:left;margin-top:30px; margin-bottom:72px; background:#FFF}
.product .left{width:226px; float:left; text-align:center; padding-bottom:20px;}
.product .left .t{width:100%; text-align:left; padding-left:16px; background:#00428e; font-size:18px; height:44px; line-height:44px; color:#fff; float:left}

.product .left .c{width:100%; float:left; padding:9px; padding-top:14px; text-align:left; margin-bottom:24px;background-color:#fff; border:1px solid #e4e4e4;}
.product .left .c a,.product .left .c a.on{ display:block;width:100%; float:left; font-size:15px; color:#000; height:36px; line-height:36px; padding:0px 10px}
.product .left .c a:hover{ background:#ddd}
.product .left .c a.on{  background:#ddd}
.product .leftn{ padding:9px; float:left;width:100%; border:1px solid #d3d3d3; border-top:0px;margin-bottom:24px }
.product .leftn a{ display:block; background:url(../images/ico6.jpg) no-repeat left center; width:100%; float:left; font-size:13px; color:#393939; height:30px; line-height:30px; padding-left:15px; text-align:left;
overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.product .left .cc{width:100%; float:left;text-align:left; border:1px solid #d3d3d3; border-top:0px; font-size:14px; line-height:20px; }
.product .left .tel{width:100%; float:left; color:#818181; padding:9px; font-size:13px; color:#393939; line-height:26px}
.product .left .tel span{ font-size:18px;color:#444444;}


.product .right{ float:right;width:943px; overflow:hidden; }
.productlist {width:975px; float:left; margin-top:21px;}
.productlist li{width:288px;  float:left; position:relative; margin-right:35px; margin-bottom:20px}
.productlist li img{width:100%; float:left}
.productlist span{width:288px; height:40px; line-height:40px; text-align:center; border:1px solid #CCC; float:left; margin-top:6px}
.productlist a{ color:#999; font-size:14px}
.productlist a:hover span{ background:#00428e; color:#fff;border:1px solid #00428e;}

.location {
    width: 100%;
    float: left;
    padding: 0px;
    margin-top: 13px;
    border-bottom: 1px solid #dbdbdb;
    padding-bottom: 10px;
    color: #9e1f46;
    font-size: 13px;
    margin-bottom: 20px;
}
.news{width:100%; float:left; padding-bottom:20px}
.news ul{width:100%; float:left}
.news ul li {width:100%;float:left; background:#fff; padding:20px 0px ; border-bottom:1px dashed #dbdbdb}
.news ul img {width:200px; display:block; float:left}
.news ul .c{ display:block; width:500px; float:left; margin-left:30px; font-size:13px; color:#7b7b7b; line-height:26px; }
.news ul a{ display:block; float:left;width:111px; height:30px; line-height:30px; font-size:13px; color:#444444; margin-top:20px; background:#a6a6a6; color:#fff;text-align:center;border-radius:3px}
.news ul .title {line-height:30px; float:left;width:100%; font-size:16px; color:#000}
.news ul li em{ display:block;width:100%; float:left; height:50px; line-height:50px;}
.news a:hover{ background:#00428e;color:#fff; }

.newsnote{ border:1px solid #dfdfdf; padding:13px; float:left;width:100%;}
.newsnote .t{width:100%; text-align:center; border-bottom:1px solid #dfdfdf; padding:20px 0px; font-size:16px; color:#161616; line-height:40px}
.newsnote .c{width:100%; line-height:30px; font-size:14px; color:#7b7b7b; padding:30px 0px }




.foot{width:100%; float:left; background:#0075c2; color:#fff; padding:30px 0px; line-height:30px; font-size:14px}
.foot div{ text-align:center}

.pages{width:100%; float:left; text-align:center; margin-top:50px}
.pagination{display:inline-block;padding-left:0;border-radius:4px;}
.pagination li{display:inline}
.pagination li a,.pagination li span{position:relative;float:left;padding:6px 12px;line-height:1.42857143;color:#fff;background:#0079c3;margin:0 0 0 8px;border:1px solid #eee}
.pagination li a:hover{color:#fff;background:#004f89}
.pagination .active span{background:#004f89;color:#fff}
.pagination .disabled{}
.pagenav{width:100%; float:left; margin:50px 0px 0px 0px}
.pagenav_l,.pagenav_r{width:50%; float:left;}
.pagenav_r{ text-align:right}
.pagenav{ font-size:16px}